@import 'style.css';
#page{padding-top:120px; overflow: hidden;}
header{width:100%;  background: #f0f3f5;  position: fixed; left: 0; top: 0; z-index: 8;}
header h1{margin:0; padding: 0;font-size: 0;line-height: 80px;}
header .container{position: relative;width: 100%;}
nav.mm-menu_offcanvas{display: none;}
 #header a.mm_btn{display: none; width: 55px; height: 55px; position: absolute; right: 0; top:0;  background: #0067b7; transition: .5s all;}
.head{padding: 20px 0; transition: 0.5s;}
.head.on{padding: 0 ; box-shadow: 0 0 10px rgba(0,0,0,.15); background:#fff;}

/*手机版菜单*/
@media screen and (max-width: 991px)  {
  #page{padding-top: 55px;}
  .head{padding: 0;height: 55px;}
  header h1{height: 55px;line-height: 55px;}
  header h1 img{display: inline-block;max-height: 90%;}
  #header a.mm_btn {background: center center no-repeat #f0f3f5;display: block;width:30px;height: 55px;position: absolute;top:0px;right:3.125%; padding: 12.5px 0; }
  #header .mm_btn .menu_bar {width: 30px;height: 30px; position: relative;transform: translateZ(0) rotate(0);transition: transform .4s cubic-bezier(.4,.01,.165,.99);}
  #header .mm_btn .menu_bar_item { position: absolute;left: 0;top: 0; transform: translateZ(0) rotate(0); transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s; -webkit-transform: translateZ(0) rotate(0); -webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s; width: 30px;height: 30px;}
  #header .mm_btn .menu_bar_item .rect{ width: 30px; height: 2px; background: #f49721; position: absolute; left: 0; top: 14px;
      /*transition: transform .2s ease .2s;
      -webkit-transition: -webkit-transform .2s ease .2s;*/
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
  }
  #header .mm_btn .menu_bar_item .rect.top {transform: translate3d(0,-8px,0); -webkit-transform: translate3d(0,-8px,0);}
  #header .mm_btn .menu_bar_item .rect.mid {transform: translate3d(0,0px,0); -webkit-transform: translate3d(0,0px,0); transition: 0.5s;}
  #header .mm_btn .menu_bar_item .rect.bottom {transform: translate3d(0,8px,0); -webkit-transform: translate3d(0,8px,0);}
  #header .mm_btn.is_active .menu_bar_item.mid{opacity: 0;}
  #header .mm_btn.is_active .menu_bar_item .rect {transition: transform 0s ease 0s; transform: translate3d(0,0,0); -webkit-transition: -webkit-transform 0s ease 0s; -webkit-transform: translate3d(0,0,0);}
  #header .mm_btn.is_active .menu_bar_item.bottom { transform: translateZ(0) rotate(-45deg); -webkit-transform: translateZ(0) rotate(-45deg);}
  #header .mm_btn.is_active .menu_bar_item {
      transform: translateZ(0) rotate(45deg);
      transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s;
      -webkit-transform: translateZ(0) rotate(45deg);
      -webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s;
  }
  /*菜单弹出方向*/
  .mm-menu_offcanvas{left: auto!important;}
  .mm-menu{right: 0!important;}
  .mm-menu_offcanvas.mm-menu_opened{z-index: 9!important;}
  .mm-slideout{z-index: 10!important;}
  .mm-menu.mm-menu_pageshadow:after{content: ""; display: block; width: 20px; height: 120%; position: absolute; right: 100%; top: -10%; z-index: 99; box-shadow: 0 0 10px rgba(0,0,0,.3);}/*弹出菜单边阴影*/
  .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{
      -webkit-transform: translate(-80vw,0)!important;
      -ms-transform: translate(-80vw,0)!important;
      transform: translate(-80vw,0)!important;
      -webkit-transform: translate3d(-80vw,0,0)!important;
      transform: translate3d(-80vw,0,0)!important;
      /*transform: translate3d(80vw,0,0)!important;*/
  }
  .mm-wrapper_opened .mm-menu_fx-menu-slide {
      -webkit-transform: translate(0,0)!important;
      -ms-transform: translate(0,0)!important;
      transform: translate(0,0)!important;
      -webkit-transform: translate3d(0,0,0)!important;
      transform: translate3d(0,0,0)!important;
  }
  /**/
  #menu{ color:rgba(0,0,0,.8);}
  #menu .mm-listview .mm-btn_next:after{border-color: rgba(189,189,189,1);}
  #menu .mm-btn:after, #menu .mm-btn:before{border-color: rgba(189,189,189,1);}
  #menu .mm-navbar a, #menu .mm-navbar>*{color:rgba(0,0,0,.8); font-size: 16px;}
  #menu.mm-menu_theme-white .mm-counter{color:rgba(0,0,0,.6);}
  #menu .mm-searchfield input{background: rgba(0,0,0,.3);color: rgba(0,0,0,.2);}
  #menu .mm-listitem, #menu .mm-listitem #menu .mm-btn_next, #menu .mm-listitem #menu .mm-btn_next:before, #menu .mm-listitem:after, #menu .mm-listview{ border-color: rgba(0,0,0,.1); }
  #menu .mm-navbars_bottom, #menu .mm-navbars_top{border-color: rgba(0,0,0,.1);}
  #menu .mm-listitem a{font-size: 16px;}
}
@media (min-width: 550px){
  .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout {
      -webkit-transform: translate(-440px,0)!important;
      -ms-transform: translate(-440px,0)!important;
      transform: translate(-440px,0)!important;
      -webkit-transform: translate3d(-440px,0,0)!important;
      transform: translate3d(-440px,0,0)!important;
  }
}
@media (max-width: 991px) {
  .pro_show .caseright table{margin-top: 25px;}
  .pro_show .caseright table tr td{padding: 8px 15px;}

  .col-job ul{margin-top: 30px;}
  .col-job ul li .jobtit,
  .col-job ul li.li1{height: 45px;line-height: 45px;}
  .apply a{display: inline-block;width: auto;height: auto;line-height: 1.8em;padding: 5px 20px;}

.footer {  padding-top:60px;}
.footerBox{ width: 26.87%;margin-right:5%;margin-bottom:30px; }
.footerBox h4{padding-bottom:15px;margin-bottom:10px; font-size:18px; }

.footerBox a.more{ margin-top:15px;}
.footerBox ul li{margin-bottom:5px; }

.footerBox-nav{width: 15.625%;}
.footerBox-link{width: 15.625%;}
.footerBox-contact{margin-right: 0;}
.copy{padding-top: 0;}

.mbx{padding: 10px 0;}
.col-index-search{padding: 15px 0;}
.col-index-search input{padding: 0;font-size: 14px;}

.col-index-title h3{font-size: 24px;}
.col-index-more{margin-top:35px;}
.col-index-more a{padding:8px 32px;}


.col-index-choose{padding: 60px 0;}
.col-index-choose ul.row{margin:0 -1%;}
.col-index-choose ul li{padding: 0 1%;margin-top: 25px;}
.col-index-choose ul li .padding{padding:45px 2.23vw; }
.col-index-choose ul li h4{margin-top:20px; font-size:18px;  }
.col-index-choose ul li p{margin-top:15px; font-size:14px; }

.col-index-product{padding-bottom: 180px;}
.col-index-product p{margin-top: 15px;}
.col-index-product ul li{margin-top: 12px;min-width: 200px;}
.col-index-product a.more{margin-top: 30px;padding: 6px 21px;}

.col-imageslist-product{padding: 40px 15px;margin-top: -100px;}
.col-imageslist-product ul li h5{margin-top:15px; font-size:14px; }
.col-imageslist-product .owl-theme .owl-nav{margin-top: 20px;}
.col-imageslist-product .owl-theme .owl-nav [class*=owl-]{width: 30px;height: 30px;margin:0 5px;}
.col-imageslist-product .owl-theme .owl-nav [class*=owl-]:after{font-size: 18px;}

.col-index-album{padding: 55px 0 60px;}
.col-index-album .col-index-more{margin-top: 40px;}
.col-index-album-list ul{ margin-top: 35px; }
.col-index-album-list ul li h5{padding: 15px 0; font-size: 14px; }

.col-index-about{padding: 60px 0 65px;}
.col-index-about .content{margin-top: 20px;}
.col-index-about-honor{padding: 25px 0 20px;}
.col-index-about-honor ul{margin:0 -1vw;}
.col-index-about-honor ul li{ padding: 0 1vw; }
/*page*/
.col-page-title h3{font-size: 20px;}
.col-page-title2 h3{font-size: 22px;}

.col-page-about{ padding-top: 55px; }
.col-page-about .content{ margin-top: 25px; }
.col-page-about .content p{ font-size:14px; line-height: 1.6em; }

.col-page-about-video{ margin-top: 35px; }
.col-page-about-video a span{ font-size:14px;}

.col-page-about-pic ul{margin-top: 30px;}
.col-page-about-pic .swiper-pagination{ margin-top:32px; }
.col-page-about-pic .swiper-pagination-bullet{ width: 8px;height: 8px; }

.col-page-history{padding-top: 60px;}
.col-history{padding: 0 35px;margin-top:36px; }
.col-history .swiper-slide{ font-size:20px; }
.col-history .swiper-button-prev,
.col-history .swiper-button-next{ width: 35px;height: 35px;top:-3px;}
.col-history .swiper-button-prev:after,
.col-history .swiper-button-next:after{font-size:20px;}
.col-historys .swiper-slide{padding: 1.5%;}
.col-historys .swiper-slide .pic{ margin-right:3%; }
.col-historys .swiper-slide .content{ margin-top: 18px; font-size: 14px; line-height: 1.6em;}

.col-our-product{padding-top: 65px;padding-bottom: 70px;}
.col-our-product .content{margin-top: 25px; font-size: 14px; line-height: 1.6em; }
.col-our-product .content img{margin-top: 20px;}

.col-product-application{margin-top:40px; padding-bottom:70px;}
.col-product-application .padding{padding-left:40px;}
.col-product-application .title{ width:40px; }
.col-product-application .title span{ font-size: 14px;line-height: 1.2; }
.col-product-application .list{padding:40px 25px;}
.col-product-application .owl-theme .owl-nav{bottom: -70px;}
.col-product-application .owl-theme .owl-nav [class*=owl-]{width: 35px;height: 35px;margin:0 8px;}

  .col-page-download{padding-top: 55px;padding-bottom: 55px;}
  #download h3{ font-size: 18px; }
  #download ul{ padding: 30px 0; }
  #download ul li{ margin-bottom: 14px; }
  #download ul li h4{padding-left: 15px; font-size:14px; }

  #download-content{padding: 0 0 0 5.78%;}
  #download-content h1{ font-size: 24px;}
  #download-content .desc{font-size: 14px; line-height: 1.6em; }
  #download-content .down{margin-top: 35px;}
  #download-content .down h4{ font-size:18px; }
  #download-content .down a{margin-top: 10px; padding:6px 1.5%; }
  #download-content .down a img{margin-right: 10px;}
  #download-content .content{padding: 35px 0;}
.page{margin-top: 30px;}
.page li a{padding: 5px 10px;}

.col-page-news{padding-top: 55px;padding-bottom: 55px;}
.newstop ul.row{margin: 0 -1%;}
.newstop ul li{padding: 0 1%; margin-bottom: 35px;}
.newstop ul li h5{margin-top: 8px; font-size: 16px;}
.newstop ul li a.more{width: 35px;height: 35px;margin-top: -17.5px;line-height: 35px;}

.news ul li{padding-top: 25px;padding-bottom: 20px;}
.news ul li h5{font-size: 16px;line-height: 1.3;}
.news ul li h5 a span{top: 1px;}
.news ul li .date{margin-top: 6px;}

.col-page-technical{padding-top: 55px;padding-bottom: 60px;}
.col-equipment{}
.col-equipment .content{ margin-top:20px; font-size: 14px; line-height: 1.6em; }
.col-equipment-imgs .owl-theme .owl-nav {margin-top: 15px;}
.col-equipment-imgs .owl-theme .owl-nav [class*=owl-]{width: 35px;height: 35px;margin:0 8px;}

.col-production{margin-top: 45px; }
.col-production .pic{ width: 58.20%; }
.col-production .text{ width: 41.79%;padding:4.68vw 3.28% 0; }
.col-production .text .content{margin-top: 2.08vw; font-size: 14px; line-height: 1.6em; }


.col-page-product{padding-top: 55px;padding-bottom: 80px;}
.col-product-left h3{ font-size: 16px; }
.col-product-left ul{ padding: 25px 0; }
.col-product-left ul li{ margin-bottom: 14px; }
.col-product-left ul li h4{padding-left: 15px; font-size: 14px;line-height: 20px;}

.col-pro-search{margin:16px 0 40px;}
.col-pro-search input{  padding:0 10px;}

.pro ul li{margin-bottom: 25px;}
.pro ul li h5{font-size: 14px; line-height: 35px;}

.col-pade-product-detail{padding-top: 55px;}
.product-thumb{padding: 0 30px;}
.product-detail-prev,
.product-detail-next{width: 30px;font-size: 20px;}
.pro_show_phone .swiper-pagination{bottom: -35px;}
.pro_show .caseright{margin-top: 70px;}
.pro_show .caseright h1{font-size: 24px;}

.proshowcon_tab{margin-top: 35px;}
.proshowcon_tab .tab_menu li{font-size: 16px;height: 25px;line-height: 25px;}

.inquiry-form{margin: 60px 0 70px;}
.inquiry-form h3{font-size: 18px;padding-bottom: 20px;}
.inquiry-form ul{margin-top: 15px;}
.inquiry-form ul li{margin-top: 15px!important;}
.inquiry-form ul li input,
.inquiry-form ul li textarea{padding: 2px 10px!important;}
.inquiry-form ul li textarea{height: 150px;}


.col-onlinemessage{padding-top: 60px;padding-bottom: 75px;}
.col-onlinemessage .message{margin-top: 20px;}
.col-onlinemessage .message ul li{margin-top: 16px!important;}
.col-onlinemessage .message ul li input{height: 40px;line-height: 38px;}
.col-onlinemessage .message ul li textarea{height: 160px;}
.col-onlinemessage .message ul li.li_1:before{height: 40px;}
.col-onlinemessage .message ul li.li_2:before{height: 40px;}
.col-onlinemessage .message ul li.li_3:before{height: 40px;}
.col-onlinemessage .message ul li.li_4:before{height: 40px;}
.col-onlinemessage .message ul li.sub input{font-size: 14px;height: 45px;}

.col-page-contact{padding-top: 60px;}
.col-contactway .content ul li{margin-top: 35px; font-size: 14px; }
.col-contactway .content ul li img{ top:-4px; }
.col-contactway .content ul li h5{ font-size: 16px;  }
#allmap{height: 400px;}

}
@media (max-width: 767px) {

.col-onlinemessage .message ul li.li1{width: 100%;margin-right: 0;}

.col-contactway{width: 100%;padding: 0;}
.col-contactway .content ul li{margin-top: 25px;}
.col-map{width: 100%;margin-top: 30px;}
#allmap{height: 250px;}

  .search_right{padding-left: 0;padding-right: 0;margin-top: 30px;}
  .entry-image{float: none;width: auto;margin:0 0 20px 0;}
.pro_show{padding-left: 0;}

.footerBox{ width: 100%; }
.footerBox-nav{ width: 47.5%;}
.footerBox-link{ width: 47.5%;margin-right: 0;}
.copy { text-align: center;}
.copy p{width: 100%;}
.social{ width: 100%; }

.col-index-choose ul li .padding{min-height: auto;}

.col-index-product .padding{padding: 45px 10% 50px;}

.col-index-about-honor ul li{min-width: 90px;margin-bottom: 5px;}

.col-historys .swiper-slide{padding: 15px;}
.col-historys .swiper-slide .pic{width: 100%;max-height: 340px;}
.col-historys .swiper-slide .content{width: 100%;}

.col-our-product .content table td{display: block;text-align: left!important;padding: 0!important;}
.col-our-product .content table td p{ text-align: left!important; }



#download-content{padding: 0;}
#download ul li{float: left;margin-right: 15px;}


.col-production .pic{width: 100%;}
.col-production .pic img{width: 100%;}
.col-production .text{width: 100%;padding: 35px 15px;}
.col-production .text .content{margin-top: 16px;}

.pro{padding-left: 0;}


}
@media (max-width: 600px) {
  .pro ul li{width: 50%;}
}
@media (max-width: 400px) {}